<template>

<div class="header">
  <router-link to="/">
  <span class="iconfont">&#xeb99;</span>
  </router-link>
  城市列表
</div>
</template>

<script>
  export default {
    name: 'Header',
  }
</script>


<style lang="stylus" scoped>
  @import '~styles/varibles.styl'
.header
  height: $bgheigth
  line-height: $bgheigth
  text-align: center
  font-size: .36rem
  background-color: $bgColor
  color: white
  position: relative
  span
    position: absolute
    width: .64 rem
    display: block
    text-align: center
    color: #eee



</style>
